<template>
    <div class="main-outer">
        <Home v-if="this.$store.state.content === 'home'" />
        <Cards v-if="this.$store.state.content === 'cards'" />
    </div>
</template>

<script>
import Home from '@/views/Home.vue'
import Cards from '@/views/Cards.vue'
export default {
    components: {
        Home,
        Cards,
    },
}
</script>

<style>
.main-outer {
    display: flex;
    flex: 1;
}
</style>
